<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/jquery.SuperSlide.js"></script>
		<script type="text/javascript" src="js/colResizable-1.3.min.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
		<link rel="stylesheet" href="css/Navigation.css" />
	</head>
	<div class="top">
		<div id="top_t">
			<div id="logo" class="fl"></div>
			<div id="photo_info" class="fr">
				<div id="photo" class="fl">
					<h1>学生管理系统</h1>
				</div>
				<div id="base_info" class="fr">

				</div>
			</div>
		</div>
		<div id="side_here">
			<div id="side_here_l" class="fl"></div>
		</div>
	</div>
	<div  class="side">
		<div class="sideMenu">
			<div id="icon">
			<h3>日常管理</h3>
			<ul>
				<li><a href="#" target="a">个人中心</a></li>
				<li>设置</li>
				
			</ul>
			</div>
			<div id="icon1">
				<h3>考试中心</h3>
				<ul>
					<li>在线考试</li>
					<li>试卷管理</li>
					<li>成绩公布</li>
				</ul>
			</div>
			<div id="icon2">
			<h3> 导航菜单</h3>
			<ul>
				<li>导航菜单</li>
				<li>导航菜单</li>
				<li>导航菜单</li>
			</ul>
			</div>
			<div id="icon3">
			<h3>导航菜单</h3>
			<ul>
				<li>导航菜单</li>
				<li>导航菜单</li>
				<li>导航菜单</li>
				<li>导航菜单</li>
				<li>导航菜单</li>
			</ul>
			</div>
			<div id="icon4">
			<h3> 导航菜单</h3>
			<ul>
				<li>导航菜单</li>
				<li>导航菜单</li>
			</ul>
			</div>
			<h3>退出登录</h3>
		</div>
	</div>
	<div class="main">
		<iframe id="rightMain" src="" frameborder="no" scrolling="auto" width="100%" height="auto" allowtransparency="true" width="100%" height="100%" name="a" >
				
			</iframe>
	</div>
	<div class="bottom">
	</div>
	<div class="scroll">
	</div>
	</body>
	<script>
		var icon = document.getElementById("icon");
		var oul = document.getElementsByTagName("ul")[0];
		icon.onmouseover = function() {
			oul.style.display = "block";
		}
		icon.onmouseout = function() {
			oul.style.display = "none";
		}
		var icon1 = document.getElementById("icon1");
		var ou = document.getElementsByTagName("ul")[1];
		icon1.onmouseover = function() {
			ou.style.display = "block";
		}
		icon1.onmouseout = function() {
			ou.style.display = "none";
		}
		var icon2 = document.getElementById("icon2");
		var ou1 = document.getElementsByTagName("ul")[2];
		icon2.onmouseover = function() {
			ou1.style.display = "block";
		}
		icon2.onmouseout = function() {
			ou1.style.display = "none";
		}
		var icon3 = document.getElementById("icon3");
		var ou2 = document.getElementsByTagName("ul")[3];
		icon3.onmouseover = function() {
			ou2.style.display = "block";
		}
		icon3.onmouseout = function() {
			ou2.style.display = "none";
		}
		var icon4 = document.getElementById("icon4");
		var ou3 = document.getElementsByTagName("ul")[4];
		icon4.onmouseover = function() {
			ou3.style.display = "block";
		}
		icon4.onmouseout = function() {
			ou3.style.display = "none";
		}
	</script>

</html>